<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" user-scalable="no">
    <!-- 移动端必备 -->
    <title>移动端布局</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 375px;
            height: 300px;
            background: red;
        }
    </style>
</head>
<body>
    <!-- 
        模拟器上显示分辨率
        css像素，设备的独立像素
        物理分辨率：设备像素
        2倍、3倍关系？？

        设备像素比（dpr）=物理像素/CSS像素

        iPhone6 1css像素===2物理像素
        s5 1css像素===3物理像素

        iphone3gs 320*480
        iphone4 640*960

        --------------------------------------

        设计稿：
        1.css像素375？ 物理像素？ 750（为了清晰的页面）
        2.1份（提供）， 多份？
        （1）百分比
        （2）弹性盒布局
        （3）rem布局

        meta viewport？？？开发移动端必备
        user-scalable="no" 禁止双击放大缩小
         -->

         <div></div>

</body>
</html>